<div class="u_info">
 <a class="u_photo" href="/user/user_info">
      <img src="{% if(user_info.photo) %} {{user_info.photo}} {% else %} ../static/images/photo.png {% endif %}" alt=""/>
    </a>
 <div class="u_game">
  <dl>
    <dd>
      <em class="icon_name"></em><span class="h1">{{user_info.user_name}}</span>
    </dd>
    <dd id="userRegion">
      <em class="icon_location"></em>
    </dd>
    <dd class="dd_hover">
      <a href="/game/game_list?list_type=2">
        <em class="icon_playing"></em>
        <span class="label">{{pageRes.lblPlaying}}:</span>
        <span class="h1">{{map_info.cnt_processing}}</span>
      </a>
    </dd>
    <dd class="dd_hover">
      <a href="/game/game_list?list_type=3">
        <em class="icon_finish"></em>
        <span class="label">{{pageRes.lblPlayed}}：</span>
        <span class="h1">{{map_info.cnt_finished}}</span>
      </a>
    </dd>
    <dd class="dd_hover">
      <a href="/game/game_list?list_type=1">
        <em class="icon_play"></em>
        <span class="label">{{pageRes.lblPlay}}：</span>
        <span class="h1">{{map_info.cnt_not_start}}</span>
      </a>
    </dd>
  </dl>
 </div>
</div>
<script type="text/javascript">
  $(function () {
    initUserRegion ();
    function initUserRegion () {
      var provCode = "{{user_info.province_code}}",
        cityCode = "{{user_info.city_code}}";

        var region = nsbase.ui.utility.getRegion(provCode,cityCode);
        var loaction = region.provName + (region.cityName? " · " + region.cityName: "");
        $("#userRegion").append(loaction);
    }
  })
</script>